<template>
	<view class="page" :style="{minHeight:$height()}">
		<view class="Icon">
			<image src="@/static/Icon/qianshu.png" style="width: 100%; height: 100%;"></image>
		</view>
		<view class="txt1">
			合同签署成功啦！
		</view>
		<view class="text2">
			感谢您对我们的信任，我们将全心全意为您服务！
		</view>

		<view class="funcBox">
			<view class="left" @click="$next(`/pages/mine/myContractList`)">
				<u-icon name="download" style="margin-right: 16rpx; font-size: 36rpx;"></u-icon>
				<view class="look">
					查看下载
				</view>
			</view>
			<view class="right"  @click="close">
				<u-icon name="close" style="margin-right: 16rpx; font-size: 36rpx;"></u-icon>
				<view class="close">
					关闭
				</view>
			</view>
		</view>
	</view>
</template>

<script>
	export default {
		data() {

		},
		onLoad() {
			uni.removeStorageSync("tag")
		},
		methods: {
			close() {
				uni.reLaunch({
					url: `/pages/mine/index`
				})
			}
		}
	}
</script>

<style>
	.page {
		width: 100%;
		background-color: #FFFFFF;
		overflow: hidden;
	}

	.Icon {
		width: 54rpx;
		height: 56rpx;
		/* background-color: #2979FF; */
		margin: 154rpx auto 0;
	}

	.txt1,
	.text2 {
		height: 40rpx;
		font-size: 28rpx;
		font-family: "PingFang SC";
		font-weight: 300;
		line-height: 40rpx;
		color: #2E6ADF;
		opacity: 1;
		text-align: center;
		margin-top: 16rpx;
	}

	.text2 {
		margin-top: 16rpx;
	}

	.funcBox {
		display: flex;
		justify-content: space-between;
		width: 616rpx;
		height: 64rpx;
		margin: 250rpx auto 0;
	}

	.left,
	.right {
		display: flex;
		justify-content: center;
		align-items: center;
		width: 242rpx;
		height: 64rpx;
		background-color: #2E6ADF;
		opacity: 1;
		border-radius: 4rpx;
		font-size: 28rpx;
		font-family: "PingFang SC";
		font-weight: 400;
		color: #FFFFFF;
	}

	.right {
		background-color: #999999;
	}
</style>
